$defaultPadding20: 20px;
$defaultPadding10: 10px;
$swiperHeight: 407px;
$swiperWidth: 717px;
$defaultColor: #e64656;
$defaultFontSize: 29px;
$defaultMultipleFontSize: 6px;

.card {
  padding: $defaultPadding20;
  background-color: white;
}
.flex {
  display: flex;
}
.flexAIC {
  display: flex;
  align-items: center;
}
.flexJCC {
  display: flex;
  justify-content: center;
}
.flexAJC {
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.cover {
  width: 150px;
  height: 150px;
  border-radius: 8px;
}
.title {
  font-weight: bold;
  font-size: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 400px;
}
.font-grey {
  color: grey;
  font-size: $defaultFontSize;
}
.money {
  color: $defaultColor;
}
.item {
  margin-bottom: 16px;
}
.tag {
  font-size: 24px;
  line-height: 26px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #909090;
  background: #f6f6f6;
  border-radius: 6px;
  margin-right: 10px;
  padding: 7px 13px;
  display: inline-block;
}
.reservation-list {
  background-color: #f9f9f9;
  font-size: $defaultFontSize;
  .list {
    &-item {
      border-radius: 16px;
      width: $swiperWidth;
      margin: $defaultPadding20 auto;
      padding: 40px 31px;
    }
  }
  .header {
    &-left {
      flex: 1;
    }
    &-shop-name {
      margin-left: 15px;
      font-size: 28px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #090909;
      max-width: 460px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-line-clamp: 1;
      line-height: 40px;
    }
  }
  .info {
    margin-top: $defaultPadding20;
    text {
      margin-left: 10px;
    }
    &-detail {
      margin-left: 31px;
    }
  }
  .total-money {
    font-size: 24px;
    padding: 20px 0;
    .tag {
      font-size: 24px;
      position: absolute;
      right: 0;
      line-height: 26px;
      font-family: PingFang SC;
      font-weight: 500;
      border-radius: 6px;
      margin-right: 10px;
      padding: 7px 13px;
      display: inline-block;
      &_pay_shop {
        color: #909090;
        background: #f6f6f6;
      }
      &_pay_online{
        color: #47B716;
        background: #F3FFED;
      }
    }
    .tags {
      flex: 1;
      position: relative;
      height: 40px;
    }
    .total {
      //flex: 1;
      color: grey;
      text-indent: 15px;
      margin-right: 24px;
    }
    .pay_money {
      //flex: 1;
      text-align: right;
      font-weight: 500;
    }
  }
  .footer {
    border-top: 1px solid whitesmoke;
    height: 80px;
    position: relative;
    .kg-button {
      position: absolute;
      right: 0;
      top: 20px;
    }
  }
}
.noMore {
  text-align: center;
  color: #888888;
  padding: 20px 0;
}
.emptyBox {
  width: 405px;
  height: 324px;
  margin: 0 auto;
  text-align: center;
  .icon-empty {
    width: 100%;
    height: 100%;
  }
}
